<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <title>BankAmericard Cash Rewards credit card</title>
  <link rel="stylesheet" href="css/jquery.mobile.min.css">
  
  <!-- Extra Codiqa features -->
  	<link rel="stylesheet" href="css/codiqa.ext.css">
	<link rel="stylesheet" href="css/slider.tooltip.css" id="tooltipStyle">
	<link rel="stylesheet" href="css/Allinone.css">
    <link rel="stylesheet" href="css/previewlayer.css">
  <!-- jQuery and jQuery Mobile -->
  	<script src="js/jquery-1.9.1.min.js"></script>
  	<script src="js/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

  <!-- Extra Codiqa features -->
  	<script src="js/codiqa.ext.js"></script>
	<script src="js/slider.tooltip.js" id="tooltipCode"></script>
    <script src="js/iscroll.js"></script>
    <script src="js/previewlayer.js"></script>

</head>
<body>
<!-- Home -->
<div data-role="page" id="page1">
    <div data-theme="a" data-role="header">
        <div class="ui-grid-b bgclr">
            <div class="ui-block-a">
          	  <a href="#" data-iconpos="right" class="ui-btn-left transBack home"> <img src="images/homeBtn.png" alt="Home"> </a>
            </div>
            <div class="ui-block-b">
            	<div data-role="fieldcontain srch">
         		   <input name="" id="searchinput2" placeholder="" value="" type="search">
      			</div>
            </div>
            <div class="ui-block-c headerleft">
               <a data-role="button" href="#page1" class="ui-btn-right demos transBack">Demos</a>
               <a data-role="button" href="#page1" class="ui-btn-right learn transBack">Library</a>
            </div>
        </div>        
       
    </div>

    <div data-role="content">
    <div id="mask">
            <div id="maskSub"></div>
            <div id="maskText" class="PreviewLayer">
                <div class="contentTop">
                    <div class="contentSend clearfix">
                        <div class="fieldValid">
                        <div class="arrowright"></div>
                            <p class="fieldNotValid" >
                                Field does not contain <br /> a valid email address.
                            </p>
                            <p class="fieldRequired" >
                                This field is required
                            </p>
                            
                        </div>
                        <input type="email" placeholder="enter your email address here"/>
                        <button>Send</button>
                        <div class="contentConfirm">
                            <p>Brochure(s) sent!</p>
                        </div>
                    </div>
                    <div class="tiptext">
                        <span>
                        By tapping Send above you are agreeing to receive the information you selected at the email address you provided. Bank of America will not store this email <br />
                        address through this process, but if you have previously provided us with this or another email address, you may continue to receive email from us. 
                        </span>
                    </div>
                </div>
            <div id="close"></div>
            </div>
            <div class="maskBottom"></div>
        </div>
        <div class="ui-grid-b topsidpad">
        
         	<h1 class="hmtitle">Library</h1>
          
            <div class="headImg">
                <div class="infoLinks">
                	<span>Preview brochures below. Select the files you want to send to yourself.</span>
                </div>
            </div>
              
        </div>        
        <div class="ui-grid-a sidpad">
            <div class="contentTop">
                <div class="contentSend clearfix">
                    <div class="fieldValid">
                    <div class="arrowright"></div>
                        <p class="fieldNotValid" >
                        	Field does not contain <br /> a valid email address.
                        </p>
                        <p class="fieldRequired" >
                        	This field is required
                        </p>
                        
                    </div>
                    <input type="email" placeholder="enter your email address here"/>
                    <button>Send</button>
                    <div class="contentConfirm">
                    	<p>Brochure(s) sent!</p>
                    </div>
                </div>
                <div class="tiptext">
                    <span>
                    By tapping Send above you are agreeing to receive the information you selected at the email address you provided. 
                    Bank of America will not store this email address through this process, but if you have previously provided us with this or another email address, 
                    you may continue to receive email from us. 
                    </span>
                </div>
            </div>
          
            <div class="headImg">
                <div class="plantext">
                    <div class="imgBox">
                    	<img src="images/pch_learn_thumbs/1227_8_CashRewards_Chip_PCH.png"/>
                        <div class="wrapperdata">
                        </div>
                    	<div class="imgBoxMask"></div>
                        <div class="imgText">
                        	<span>
                            BankAmericard Cash Rewards
                        	</span>
                        </div>
                    </div>
                    <div class="imgBox">
                    	<img src="images/pch_learn_thumbs/2007_2_MobileBanking_PCH.png"/>
                    	<div class="imgBoxMask"></div>
                        <div class="imgText">
                        	<span>
                            Mobile Banking App
                        	</span>
                        </div>
                    </div>
                    <div class="imgBox">
                    	<img src="images/pch_learn_thumbs/2007_2_MobileBanking_PCH_OLBE.png"/>
                    	<div class="imgBoxMask"></div>
                        <div class="imgText">
                        	<span>
                            Online Banking setup
                            </span>
                        </div>
                    </div>
                    <div class="imgBox">
                    	<img src="images/pch_learn_thumbs/1199_On_Your_Schedule_Bro.png"/>
                    	<div class="imgBoxMask"></div>
                        <div class="imgText">
                        	<span>
                            Bank on your schedule brochure
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            
            
        </div>
        
        
        <div class="contentMask">
    		<div id="wrapper">
            	<div id="scroller">
                <p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
                </div>
            </div>
    	</div>
        
        
    </div>
    
 
 
 
 
    <div data-theme="a" data-role="footer" data-position="fixed">

        <div class="ui-grid-b footred">
          	<div class="ui-block-a"><a href="#" data-iconpos="right" class="logo"> <img src="images/americard-logo.png" alt="Home"><sup>v2.0</sup> </a></div>
            <div class="ui-block-b"><a href="#" class="fdic">Bank of America, N.A. Member FDIC</a>  </div>
            
            <div class="ui-block-c surblock"><a data-role="button" href="#" class="ui-btn-right transBack survey">Survey</a></div>
           
        </div>
    </div>
</div>

</body>
</html>
